﻿/*saosangmo v1 */
/* reset css */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}


/* main layout */
body,html
{
font-family: "Lucida Grande",Arial,Helvetica,Verdana,Tahoma,"Times New Roman";
font-size: 85%;
color: #333;
line-height: 130%;
padding:0;
margin: 0;
}
.clrfix
{
clear:both;
line-height: 1px;
display: inline;
height:1px;
}
a:link,
a:visited
{
color:#34a1ed;
text-decoration: none;
}
a:hover
{
color: #f38a0e;
}

#wrapper
{
padding: 0;
margin: 0;
}

#top
{
background: url(../images/icons/back_ground_top.jpg) top left repeat-x;
border-bottom: 1px solid #eeedee;
padding-bottom:10px;
}
.w960
{
width: 960px;
margin: 0 auto;
}
#header
{
padding-top:20px
}

#topmenu  ul li a
{
	/*color:white !important;*/
}
#logo
{
float: left;
text-align: center;
width: 160px;
}
#banner
{
float: left;
width: 450px;
}
#rightheader
{
width: 350px;
float: right;
margin-top:5px;
}
#searchbox
{
background: url(../images/icons/search-box-bg.png) 0 0 no-repeat;
width: 310px;
height: 28px;
margin-top: 15px;
float: right;
}
#searchbox input[type=text]
{width: 160px;}
#topbar
{
margin-top: 3px;
height: 1px;
background: url(../images/icons/mainmenu.png) 0 -1px no-repeat;
}
#mainmenu
{
padding-left: 5px;
/*height: 32px;*/
height: 1px;
}
#hotnews
{
clear:both;
height: 30px;
width: 600px;
float:left;
}
#mainslide
{
width: 960px;
height: 260px;
}
#support
{
margin-top: 15px;
border: 1px solid #ccc;
background: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
padding: 10px 0; 
}
#support ul li a img{
height: 20px;
}
#mainbody
{
background: #fff;
border-top: 1px solid #e6e4e5;
}
#mainbodyin
{
margin: 15px auto 20px auto;
border:1px solid #ccc;
background: #fff;
min-height: 200px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px; 
}
#pathway
{
background: url(../images/icons/pathway-bg.gif) 0 bottom repeat-x #fcf9f9;
height: 18px;
margin: 1px;
padding: 5px 10px 5px 10px;
}
#contentarea
{
margin-top: 1px;
}
#colnoright
{
padding: 15px;
background: #fff;
text-align:justify;
}
#leftcol
{
width: 720px;
float:left;
padding-left: 10px;
margin-right: 5px;
}
#rightcol
{
width: 225px;
float:left;
}
#advbottom,#manufacture,#branch
{margin-bottom: 30px;}

#footer
{
border-top: 1px solid #f2f2f2;
color: 666;
padding-top: 10px;
padding-bottom: 20px;
}
#fleft
{
width: 50%;
float:left;
font-weight: bold;
}
#fright
{
width: 50%;
float: right;
text-align: right;
}

/*header*/

#topmenu ul li
{
float: right;
border-right: 1px solid #ccc;
}
#topmenu ul li a
{
padding: 0 3px;
color: #333;
font-size: 12px;
line-height:10px;
font-weight: bold;
text-decoration: none;
}
#topmenu ul li.red a
{
color: #cc0000;
}
#topmenu ul li.red
{
border-right: none;
padding-right:0;
}
#topmenu ul li a:hover
{
text-decoration: underline;
}
.inputbox
{
border: none;
margin-top: 4px;
background: none;
margin-left: 120px;
color: #999;
}
.inputbox:hover,
.inputbox:focus,
.inputbox:active
{
color: #111;
}
/* main menu */
.ddsmoothmenu{
font: bold 9px Verdana;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
padding: 8px 10px;
color: #333;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background: #666;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 11px arial;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #999;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
width:0;
height:0;
margin:0;
display:none;
}

.rightarrowclass{
position: absolute;
width:0;
height:0;
margin:0;
display:none;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #f2f2f2;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.9;
}


/* hotnews */
#hotnews .title
{
width: 50px;
float: left;
/*padding-left: 10px;*/
color: #333;
}
#hotnews .title h3 a
{
color: #333;
font:  bold 11px/28px arial;
text-decoration: none;
text-transform: uppercase;
}
#hotnews .newsscroll
{
width: 550px;
}
#hotnews .newsscroll a
{
color: #34a1ed;
font-size: 12px;
line-height: 28px;
text-decoration: none;
}
#hotnews .newsscroll a span
{
	color: #777;
}
#hotnews .newsscroll a:hover
{color: #cc0000}
#shoppingcart
{
background: url(../images/icons/cart-icon.png) 0 5px no-repeat;
width: 110px;
line-height:30px;
float: right;
padding-left: 24px;
}
#shoppingcart a
{
color: #cc0000;
font-size:11px;
font-weight:bold;
}
#shoppingcart a:hover
{
text-decoration: underline;
}

#customerinfo
{

font-size:13px;
font-weight:bold;
line-height:30px;
float: right;
 padding-right: 10px;
}



/*main slide style*/
#mainslidewrap
{
width: 960px;
height:260px;
}
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 10px 0px 0 10px;
color: #fff;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
	background:url(../images/icons/slide-nav.png) no-repeat;

}
.nivo-controlNav a.active {
	font-weight:bold;
	background-position : 0 -24px;
}

#mainslide {
	position:relative;
	background:url(../images/icons/loading.gif) no-repeat 50% 50%;
	width: 960px;
	height: 260px;
	overflow: hidden;
}

/* support */
#support ul li
{
float: left;
text-align: center;
line-height: 180%;
width: 120px;
background: url(../images/icons/supportsplitter.png) center right no-repeat;
}
#support ul li.end
{
background: none;
}
#support ul li img
{
width: 100px;
}
#support ul li a
{
text-decoration: none !important;
font-size: 11px;
font-weight:normal;
color: #333;
}
#support ul li a:hover
{
color: #cc0000;
}
.hotline
{
/*border-top: 1px solid #eee;*/
margin: 10px auto 0px auto;
/*padding-top: 5px;*/
width: 98%;
line-height: 20px;
}
.hotlineicon
{
background: url(../images/icons/hotline.png) left 2px no-repeat;
padding-left: 22px;
display: block;
width: 60px;
font-weight:bold;
color: #000;
float: left;
}
.hotlineconent
{width: 780px;
float: left;
display: block;
color: #f16632	;
}

#pathway ul li
{
float: left; 
padding-left: 17px;
padding-right: 3px;
background: url(../images/icons/pathway-arrow.png) left 1px no-repeat;
}
#pathway ul li.homepage
{
background: url(../images/icons/home-icon.png) 0 0 no-repeat;
padding-left: 22px;
}

#pathway ul li a
{
color: #1b65af;
font-weight: bold;
font-size:11px;
}
#pathway ul li a:hover
{
color: #f16632;
}
/*product common style */
.hotproduct h3.title,
.fproduct h3.title,
.nproduct h3.title
{
	margin-left:-9px;
	padding: 7px 0 15px 20px;
	z-index: 999;
}
.hotproduct,
.fprodcut
{
margin-bottom: 20px;
}

.fproduct h3.title,

.nproduct h3.title
{
	width: 250px;
	float: left;
}
.productwrapper
{
padding-top: 10px;
padding-bottom: 10px;
}
.productlist
{
width: 99%;
margin-left:1%;
}
.productlist td
{
width: 25%;
padding-top: 10px;
padding-bottom: 20px;
}
.productlist td a.thumb
{
display: block;
border: 1px solid #eee;
text-align:center;
vertical-align: bottom;
width: 80px;
height: 100px;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.productlist td a.thumb:hover
{
border: 1px solid #ccc;
}
.productlist td a.thumb img 
{
max-width: 75px;
max-height: 95px;
}
.nproduct,hotproduct,
.fproduct
{
background: url(../images/icons/product-more-bg.png) 0 1px repeat-x;
}
.morecat
{
width: 600px;
float: right;
}
.morecat ul
{
margin-top: 5px;
margin-right: 10px;
}
.morecat ul li
{
float: right;
background: url(../images/icons/splitter-morecat.png) right center no-repeat;
padding: 3px 7px;
}
.morecat ul li.allcat
{
background:none;
}
.morecat ul li.allcat a
{
background: url(../images/icons/catmore-arrow.png) right center no-repeat;
padding-right: 16px;
}
.morecat ul li a
{
color: #777;
padding: 2px 5px;
}
.morecat ul li a:hover
{
background: #08b6e2;
color: #fff;
}
.morecat ul li.allcat a:hover
{
background: url(../images/icons/catmore-arrow.png) right bottom no-repeat #08b6e2;
color: #fff;
}
.basicinfo
{
width: 140px;
float: left;
font-size: 11px;
min-height: 80px;
}
.basicinfo h3 a
{
font-weight:bold;
font-size:110%;
}
.basicinfo .caption
{
font-weight:bold;
color: #888;
}
.toolpro
{
width: 103px;
height:18px;
float: left;
}
.toolpro a.readmore
{
font-size:11px;
}
.toolpro a.addtocart
{
background: url(../images/icons/but-addtocart.png) 0 0 no-repeat;
width:64px;
padding-left: 10px;
display: block;
float:left;
line-height: 18px;
height:18px;
font-size:11px;
color: #333;
}
.toolpro a.addtocart:hover
{
color: #cc0000;
}
.moreinfo
{
clear:both;
display: block;
padding:5px;
background: #f9f9f9;
width: 90%;
color: #888;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}
/* hot product */
.hotproduct
{
position: relative;
}
.hotproduct h3.title
{
color: #000033;	
background: url(../images/icons/bg-title-hotproduct.png) 0 0 no-repeat;
}
.hotproduct ul li img
{
width: 110px;
height: 130px;
margin-bottom: 10px;
}
.hotproduct ul li span.name
{
display: block;
margin-bottom: 5px;
}
.hotproduct ul li a span.name
{
color: #333;
font-weight:bold;
}
.hscroll li
{
text-align:center;
width: 24%;
float: left;
}
.oldprice
{
text-decoration: line-through;
color: #888;
}
.price
{
color: #cc0000;
}
.slider1
{margin-top: 10px;}
.next1,
.prev1
{
display: block;
width:35px;
position: absolute;
top: 100px;
height:35px;
z-index: 1000;
}
.next1
{
right:0;
background: url(../images/icons/next1.png) 0 0 no-repeat;
margin-right: -18px;
}
.prev1
{
margin-left: -18px;
background: url(../images/icons/prev1.png) 0 0 no-repeat;
}
.next2,
.prev2
{
display: block;
width:17px;
height: 19px;
position: absolute;
top: 15px;
z-index: 1000;
}
.next2
{
right:0;
background: url(../images/icons/arrow-logo-next.png) 0 0 no-repeat;
margin-right: 12px;
}
.prev2
{
margin-left: 12px;
background: url(../images/icons/arrow-logo.png) 0 0 no-repeat;
}
.next1:hover,
.prev1:hover,
.next2:hover,
.prev2:hover
{
opacity: 0.75;
}
/* featured product */
.fproduct h3.title
{
	color: #000033;
	background: url(../images/icons/bg-title-fproduct.png) 0 -1px no-repeat;
}

/* new product */
.nproduct h3.title
{
	color: #630a0a;
	background: url(../images/icons/bg-title-nproduct.png) 0 0 no-repeat;
}


#manufacture
{
background: #fff;
border: 1px solid #ccc;
padding: 15px 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
position: relative;
}
.slider2
{
margin: 0 30px;
}
.slider2 li
{
float: left;
display: block;
background: url(../images/icons/supportsplitter.png) right center no-repeat;
padding: 0px 15px;
height:22px;
width: 80px;
text-align: center;
}
.slider2 li a
{
display: block;
}
.slider2 li img
{
max-width: 80px;
max-height: 22px;
}
#branch h2
{
font-weight: bold;
font-size: 120%;
margin-bottom: 20px;
}

.branch li
{
width: 30%;
float:left;
line-height: 150%;
}
.branch li.one
{
padding-left:25px;
background: url(../images/icons/1bullet.png) 0 2px no-repeat;
}
.branch li.two
{
padding-left:23px;
background: url(../images/icons/2bullet.png) 0 2px no-repeat;
}
.branch li.three
{
padding-left:25px;
background: url(../images/icons/3bullet.png) 0 2px no-repeat;
}
.branch li span
{
display: block;
font-weight: bold;
color: #cc0000;
}

/* Begin ToolTip CSS */
    /* upper left arrow div */
    #upper_left_arrow {
      position: absolute;
      left: -300px;
      z-index: 101;
      visibility: hidden;
    }

    /* upper right arrow div */
    #upper_right_arrow {
      position: absolute;
      left: -300px;
      z-index: 101;
      direction: rtl;
      text-align: right;
      visibility: hidden;
    }

    /* lower left arrow div */
    #lower_left_arrow {
      position: absolute;
      left: -300px;
      z-index: 101;
      visibility: hidden;
    }

    /* lower right arrow div */
    #lower_right_arrow {
      position: absolute;
      left: -300px;
      z-index: 101;
      direction: rtl;
      text-align: right;
      visibility: hidden;
    }

    /* main class for pointer arrow */
    .arrow {
      border-color: #ccc;
      border-right-style: solid;
      border-right-width: 2px;
      border-left-style: solid;
      border-left-width: 1px;
      overflow:hidden;
      height: 1px;
      font-size: 1px;
    }

    /* provides border or 'tip' for arrow */
    .arrow_tip {
      background-color: #ccc;
      height: 1px;
      font-size: 1px;
    }

    /* main tip div */
    #dhtmltooltip{
      position: absolute;
      left: -300px;
      width: 150px;
      border: 1px solid #ccc;
      padding: 2px;
      background-color: #fff; 
      visibility: hidden;
      z-index: 100;

      /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
      filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/* End ToolTip CSS */

/* catagory page */
.productcatwrap
{
margin-bottom: 20px;
}
.productcatwrap .productlist
{
padding-left: 0;
marging-left: 0;
}
.productcatwrap .productlist td
{
width: 33% !important;
}
.pagenav
{
text-align: right;
background: url("../images/icons/cross-bg.gif");
padding: 2px 10px;
margin-left: 7px;
margin-right: 15px;
border-bottom:1px solid #f0f0f0;
}
.pagenav a.current
{
color: red;
}
.quickgo
{
width: 15px;
height: 15px;
}
h2.heading
{
font-size: 18px;
font-family:"Times New Roman";
line-height: 22px;
font-weight: bold;
margin: 10px 0 10px 5px;
color: #ee1c1c;
border-bottom: 1px solid #ccc;
background: url(../images/icons/heading-bg.gif) bottom left no-repeat;
padding: 5px 0 5px 0px;
}
.sortproduct
{width: 175px;
float: right;
font-size: 11px;
font-weight: normal;
color: #666;
font-family: arial;
}
h4.heading
{
color: #000;
font-size: 18px;
padding: 15px 0 10px 30px;
background: url(../images/icons/filter.png) 8px center no-repeat #f2f2f2;
margin: 1px;
margin-top:0;
}
.searchmodule
{
padding: 0px;
}
h5.heading
{
background: url(../images/icons/cross-bg.gif) 0 0; 
color: red;
border-top: 1px solid #ccc;
font-weight:bold;
padding: 5px;
margin-left: 1px;
}
h5.heading span
{
background: #fff;
padding: 5px 10px;
}
.searchbody
{
padding: 5px 10px;
}
.textlist li
{
border-top: 1px dotted #ccc;
}
.textlist li a:link,
.textlist li a:visited
{
color: #333;
font-weight:bold;
padding-left: 10px;
line-height: 25px;
font-size: 11px;
}
.textlist li a span
{
color: #999;
}
.textlist li a:hover
{
color: red;
}
.arrowlist li
{
	background: url(../images/icons/arrow-slim.png) 0 3px no-repeat;
	padding-left: 15px;
	line-height: 20px;
}
.arrowlist li a span
{
color: #999;
}
.logolist
{
width: 100%;
border: 1px soldid #ccc;
margin-bottom: 10px;
}
.logolist td
{
border: 1px solid #ccc;
width: 30%;
padding: 5px;
text-align:center;
vertical-align: middle;
}
.logolist a img
{
max-width: 85px;
max-height: 30px;
}
.logolist a:hover img
{
opacity: 0.5;
}

.subcat
{
margin-top: 10px;
margin-right: 5px;
padding: 10px;
/*border: 1px solid #ccc;*/
/*border-radius: 5px;*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
position: relative;

}
.subcat ul li
{
width: 30%;
border-right: 1px solid #e8e5e5;
text-align: center;
margin: 20px 10px;
height: 100px;
float: left;
display: block;
}
.subcat ul li img
{
max-width: 120px;
max-height: 90px;
}
h6.heading
{
color: #666;
font-weight:bold;
font-size: 16px;
border-bottom: 1px dotted #ccc;
padding-bottom: 10px;
}
.subcat ul li a
{
color: #1B65AF;
line-height:30px;
font-weight:bold;
font-size: 13px;
}
.subcat ul li a em
{
color: #999;
font-weight:normal;
}

/* product details */
.productholder
{
margin-top: 17px;
}
.overview
{
margin: 10px 0 10px 0;
background: url(../images/icons/onepxbg.gif) 47% 0 repeat-y;
}
.overview .oleft
{
width: 45%;
float: left;
margin-right: 2%;
}
.overview .oright
{
width: 51%;
margin-left: 2%;
float: left;
}

#gallery
{
}
.mainphoto
{
display: block;
text-align:center;
width: 300px;
height: 260px;
margin: 0 auto;
}
.mainphoto img
{
margin-top: 10px;
max-width: 300px;
max-height: 250px;
}
#gallery .thumbs
{
border-top: 1px solid #e8e8e8;
padding-top: 10px;
}
#gallery .thumbs a
{
width: 60px;
height: 60px;
border:1px solid #fff;
display: block;
float: left;
text-align: center;
}
#gallery .thumbs a img
{
width: 60px;
height: 60px;
}
#gallery .thumbs a:hover
{
border: 1px solid #ccc;
}
.productdes
{
margin-top: 15px;
}
.productdes .row
{
border-top: 1px dotted #ccc;
line-height: 20px;
padding: 10px 0 10px;
vertical-align: top;
margin-top: 5px;
margin-bottom: 5px;
}
.productdes .row span.logo
{
line-height: 20px;
display: block;
float: left;
height:20px;
width: 100px;
}
.productdes .row span.logo
{
height: 20px;
line-height: 20px;
vertical-align: middle;
}
.productdes .row .khuyenmai
{
background: #dcf2fb;
}
.productdes .row em
{
font-size: 16px;
color: red;
}
.productdes .row .caption
{
font-weight: bold;
color: #666;
}
.productdes a:hover img
{
opacity: 0.75;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/icons/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/icons/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/icons/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/icons/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
.productdetails .heading
{
background: url(../images/icons/cross-bg.gif);
color: #79be56;
border-top: 1px solid #ccc;
line-height: 30px;
padding: 3px 0 0 10px;
}
.productdetails .heading span
{
padding: 10px;
background: #fff;
}
.productspec
{
margin-top: 20px;
border: 1px solid #ccc;
width: 100%;
}
.productspec td
{
border-bottom: 1px solid #e0e0e0;
line-height: 20px;
padding: 5px;
}
.productspec td.col1
{
background: #f2f2f2;
width: 120px;
font-weight: bold;
color: #000;
padding-left: 10px;
padding-right: 10px;
}
.vtick
{
background: url(../images/icons/vtick.png) 0 0 no-repeat;
padding-left: 20px;
}
.noentry
{
background: url(../images/icons/no-entry.png) 0 0 no-repeat;
padding-left: 20px;
}
.newsholder h1,
.contactholder h1.title {
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    margin: 25px 20px 5px 0;
    text-transform: uppercase;
}
.contactform {
    border-top: 1px dotted #CCCCCC;
    margin-top: 10px;
    padding-top: 20px;
}
.contactform td.title {
    color: #888888;
    font-weight: bold;
    vertical-align: top;
    width: 110px;
}
.custome_clstablelogin input[type=text],
.contactinput, .contactmessage {
    background: url("../images/icons/input_text.png") repeat-x scroll 0 0 transparent;
    border-color: #999999 #CCCCCC #CCCCCC #999999;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
    margin-bottom: 5px;
    padding: 5px;
    width: 300px;
}
.contactmessage:focus, .contactmessage:hover, .contactmessage:active, .contactinput:hover, .contactinput:active, .contactinput:focus {
    background: url("../images/icons/input_text-hover.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #AACDEA;
}
.contactmessage {
    margin-top: 5px;
    width: 420px;
}
.carttable {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width: 100%;
}
.carttable th {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #000000;
    font-weight: bold;
    padding: 5px;
}
.carttable th, .carttable td {
    border-left: 1px solid #CCCCCC;
    padding: 4px 5px;
    
}
.carttable tr.odd td, .carttable tr.even td {
    border-bottom: 1px solid #CCCCCC;
}
.carttable td.stt {
    text-align: center;
    width: 3%;
}
.carttable td.name {
}
.carttable td.sl {
    width: 10%;
}
.carttable td.function {
    text-align: center;
    width: 10%;
}
.slinput {
    width: 45px;
}
.carttable th.price, .carttable td.price, .carttable th.total, .carttable td.total {
    color: #000000;
    text-align: right;
    width: 13%;
}
.carttable tr.odd {
    background: none repeat scroll 0 0 #F2F2F2;
}
.carttable tr.even {
    background: none repeat scroll 0 0 #FFFFFF;
}
.totalsum {
    background: none repeat scroll 0 0 #F2F2F2;
    color: #E3136B;
    font-size: 13px;
    font-weight: bold;
    padding: 10px !important;
    text-align: right;
}

.buttonupdate, .buttonprint, .buttoncheckout {
    background: none repeat scroll 0 0 #666666;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    margin-left: 15px;
    margin-top: 10px;
    padding: 3px 15px;
    text-align: center;
    text-transform: uppercase;
}
.buttoncheckout {
    background: none repeat scroll 0 0 #E3136B;
}
.buttonupdate:hover, .buttonprint:hover {
    background: none repeat scroll 0 0 #17A6D5;
}
.buttoncheckout:hover {
    background: none repeat scroll 0 0 #666666;
}
.custome_clstablelogin input[type=button],
input.button
{
display: inline-block;
padding: 3px 10px 3px;
margin-bottom: 0;
font-size: 13px;
line-height: 18px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: whiteSmoke;
background-image: -ms-linear-gradient(top, white, #E6E6E6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
background-image: -webkit-linear-gradient(top, white, #E6E6E6);
background-image: -o-linear-gradient(top, white, #E6E6E6);
background-image: linear-gradient(top, white, #E6E6E6);
background-image: -moz-linear-gradient(top, white, #E6E6E6);
background-repeat: repeat-x;
border: 1px solid #CCC;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #E6E6E6 #E6E6E6 #BFBFBF;
border-bottom-color: #B3B3B3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.custome_clstablelogin input[type=button]:hover,
input.button:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.contacttable td.button
{
padding: 5px 0 0 110px;
}
/* tin tuc */
.desc
{
margin-bottom: 10px;
}
.bodynews{margin-bottom: 20px;}
.othernews{border-top: 1px dotted #ccc;padding-top: 15px;}
.othernews h3{font-size: 16px;color: #333;font-weight: bold; margin-bottom: 10px;}
.othernews ul {list-style: disc outside;margin-left: 15px;}
.othernews ul li{list-style: disc outside;padding-left: 0px; margin-bottom: 10px}
.othernews ul li a span{color:#999;}
.datetime{font-weight: bold;color: #777;display: block;margin-bottom: 10px;}
/*******PVTAMUPDATE_NEW******/

/********************COMMENT PRODUCT**************************/
.clear{clear:both;}
.next-current-navigation {
	FONT-WEIGHT: bold;
	font-size:12px;
	COLOR: #c4013d;
	text-transform: uppercase;
	padding-top:5px;
	padding-bottom:3px;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
	border-bottom:#cfcfcf 1px solid;
}
.comment-by {
	FONT-SIZE: 11px; COLOR: #444; FONT-WEIGHT: bold;  FONT-FAMILY: Tahoma; LINE-HEIGHT: 16px; PADDING-BOTTOM: 0px; TEXT-ALIGN: left
}
.comment-date {
	FONT-SIZE: 11px; COLOR: #959595; FONT-WEIGHT: 400;  FONT-FAMILY: Arial; LINE-HEIGHT: 12px; PADDING-BOTTOM: 0px; TEXT-ALIGN: right
}
.comment-detail {
	PADDING-TOP:5PX;PADDING-BOTTOM:5PX;FONT-SIZE: 12px; COLOR: #000; FONT-WEIGHT: 400;  FONT-FAMILY: Arial; LINE-HEIGHT: 18px; PADDING-BOTTOM: 0px; TEXT-ALIGN: justify
}
/*******************STYLE BUTTON*********************/
.button:hover {
    outline: medium none;
    text-decoration: none;
}
.button:active {
    outline: medium none;
    position: relative;
    top: 1px;
}
.button.blue {
    background-color: #398BD1;
}
.button.green {
    background-color: #97D139;
    color: #FFFFFF;
}
.button.other {
    background-color: #FFFFFF;
    color: #444444;
}
.button.red {
    background-color: #D13A39;
}
.button.grey {
    background-color: #EEEEEE;
    color: #4D4D4D;
    text-shadow: 0 -1px 1px #FFFFFF;
}
.button.medium {
    font-size: 12px;
    padding: 7px 12px;
}
.button.small {
    font-size: 11px;
    padding: 5px 8px;
    width: auto;
}
/*******************FORMAT TAB********************/
#pro_content_box {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url(../images/icons/bggMenuD.jpg) repeat-x scroll center top transparent;
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-style: none solid solid;
    border-width: 0 1px 1px;
	min-height:100px;
    overflow: hidden;
    margin-bottom: 10px;
}
#tabMenudetail {
    border-bottom: 0 solid #999999;
    float: left;
    width: 100%;
}
#tabMenudetail ul {
    height: 25px;
    margin: 0;
    padding: 0;
}
#tabMenudetail li {
    display: inline;
    margin: 0;
    padding-bottom: 20px;
    padding-top: 20px;
}
#tabMenudetail a {
    background: url(../images/icons/detailL.jpg) no-repeat scroll left top transparent;
    float: left;
    padding: 0 0 0 3px;
    text-decoration: none;
}
#tabMenudetail a span {
    background: url(../images/icons/detailR.jpg) no-repeat scroll right top transparent;
    color: #626262;
    display: block;
    font-family: Tahoma;
    font-size: 12px;
    padding: 8px 16px 19px 20px;
    text-decoration: none;
}
#tabMenudetail a span {
    float: none;
}
#tabMenudetail a:hover {
    background-position: 0 -41px;
}
#tabMenudetail a:hover span {
    background-position: 100% -41px;
    color: #626262;
    font-family: Tahoma;
    font-size: 12px;
    text-decoration: none;
}
#tabMenudetail .curent a {
    background-position: 0 -41px;
}
#tabMenudetail .curent a span {
    background-position: 100% -41px;
    color: #79BE56;
    font-family: Tahoma;
    font-size: 17px;
    text-decoration: none;
}
/* start phan trang */
.phantrang
{
clear:both;
margin-top: 10px;
padding-top: 5px;
background: #f5f5f5;
}
.pagenavi li
{
	float: left;
	display: block;
	padding: 2px 5px;
	font-size:11px;
	border: none !important;
}
.pagenavi li a.first
{
padding-left: 13px;
}
.pagenavi li a.last
{
background: url(../images/icons/last.gif) right 1px no-repeat;
padding-right: 13px;
}
.pagenavi li a.next
{
background: url(../images/icons/next.gif) right 1px no-repeat;
padding-right: 10px;
}
.pagenavi li a.prev
{
background: url(../images/icons/prev.gif) left 1px no-repeat;
padding-left: 10px;
}
.pagenavi li a:link,
.pagenavi li a:visited
{
	text-decoration: underline;
}
/* end phan trang */
.textsystembox
{
	width:0;
	height:0;
	display:none;
	visibility:none;
}
/****************SiteMap************/
.leftcol {
    float: left;
}
#leftcoltop, .leftcoltop {
    background: url("../images/icons/maincontentbg-top.png") no-repeat scroll 0 0 transparent;
    height: 7px;
    margin-top: 5px;
}
#leftcolin1, .leftcolin1 {
    border-bottom: medium none;
}
#leftcolin2, .leftcolin2 {
    
    border-bottom: medium none;
    padding: 10px 10px 20px;
}
.pathway {
    border-bottom: 1px dotted #CCCCCC;
    color: #333333;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 5px;
    padding-bottom: 0;
    text-align: left;
}
.detailnews {
    font-size: 13px;
    line-height: 19px;
    text-align: justify;
}
/****************EndSiteMap************/
/*************NewsByCate***************/
.groupItem
{
padding: 1px;
border: 1px solid #4d85ae;
background: #fff;
margin: 5px 5px 15px 5px;
}
.tabmodule
{
border: none;
}
.tabmodule .itemContent
{
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding: 1px;
}

.tabmodule .itemContent
{
border: 1px solid #4d85ae;
}

.tabmodule .itemHeader
{
background: none;
padding: 0;
}
.itemHeader {
    background: url("../images/icons/moduletitle-bg.png") repeat-x scroll 0 0 transparent;
    color: #FFF200;
    font-size: 12px;
    height: 29px;
    line-height: 28px;
    padding-left: 10px;
}
.tabmodule h3 span.title
{
text-transform: uppercase;
background: url(../images/icons/moduletitle-bg.png) 0 0 repeat-x;
line-height: 29px;
padding: 0px 0 0 10px;
float: left;
font-size: 12px;
min-width: 255px;
}
.tabmodule h3 span.right
{
background: url(../images/icons/mid-module-title-right.png) 0 0 no-repeat;
display: block;
float: left;
width: 40px;
height: 29px;
}
.newslist
{
padding: 10px;
}
.newslist a.thumb img
{
width: 140px;
height: 95px;
border: 1px solid #ccc;
padding: 1px;
background: #fff;
float: left;
margin-right: 10px;
}

.listtitle span
{
color: #666;
font-weight:normal;
}
a.listtitle
{
font-weight: bold;
}
.shortdesc2
{
text-align: justify;
clear:right;
font-size: 12px;
color: #000;
line-height: 14px;
}
.splitter {
    border-top: 1px dotted #609AB2;
    height: 1px;
    margin: 10px auto;
    width: 96%;
}
/*************End-NewsByCate***************/


.div-conten
{
margin:0px;
padding:0px;	
}
.conten-header
{
margin-top:10px;
font-weight:bold;
padding-left:30px;
font-size:larger;
color:#990000;	
}
.conten-underline
{
background:url(../images/bg_div.jpg) no-repeat;
height:10px;	
}
.conten
{
padding-left:20px;
margin-top:20px;
padding-right:2px;
}
.divsitemap
{
margin-top:5px; padding-left:30px; color:#990000;	
}
.divsanpham
{
padding-left:20px;
margin-top:10px;	
}
.tbldangnhap
{

}
.tdthongtin
{
width:140px;	
line-height: 30px;
padding-left:20px;
}
.tdnoidung
{
width:460px;	
}
.legend-admin
{
 color:Green;
 font-size:12px;
} 
 .tblcauhoi
        {
            width: 100%;
            float: left;
        }
.clnam
{
padding-right:2px;
text-align:right;	
}
.cllogo
{
width:450px;
float:left;	
}
.clvideo
{
margin-right:5px;
width:270px;
float:right;	
}
.divgioithieu
{
clear:both;
}
.imglogo
{
padding-top:2px;
float:left;
}
/*Định dạng hiển thị Tin tức*/
.divNews
{
float:left;
margin-bottom:5px;
width:730px;	
}
.Newsimages
{
width:150px;
float:left;
margin-right:10px;	
}
.Newsconten
{
display:block;
width:570px;
float:left;	
}
.tieudetin
{
	font-family:"Times New Roman" Tahoma .VnArial;
	width:570px;
	color:#515BD6;
	font-weight:bold;
}
.thoigian
{
	color:#1A2039;
	font-style:italic;
}
.tomtattin
{
	font-family:"Times New Roman" Tahoma .VnArial;
	text-indent:30px;
	text-align:justify;
	font-weight:normal;
	color:#373D3E;
	width:570px;
	font-size:medium;
	font-weight:normal;
}
.phantrang
{
text-align:center;	
}
.detail-header
{
	height:55px;
	background:url(../images/bg_header.jpg);
}
.detail-tieude
{
	font-family:"Times New Roman" Tahoma .VnArial;
line-height:30px;
padding-left:30px;
color:#515BD6;
font-weight:bold;
font-size:larger;	
}
.detail-ngayviet
{
	font-family:"Times New Roman" Tahoma .VnArial;
	line-height:20px;
	padding-left:30px;
	color:#1A2039;
	font-style:italic;
	padding-bottom:10px;
}
.detail-tomtat
{
	font-family:"Times New Roman" Tahoma .VnArial;
	padding-left:10px;
	color:#1A2039;
	font-weight:bold;
	margin-bottom:20px;
}
.detail-noidung
{
	font-family:"Times New Roman" Tahoma .VnArial;
	padding-left:10px;
	color:#1A2039;
	font-style:normal;
	text-align:justify;
}
.detail-nguontin
{
	padding-top:15px;
	padding-left:10px;
	font-weight:bold;
	text-align:left;
}
#divtinchitiet
{
background-color:#F1F9FE;
margin:0px;
padding:0px;	
}
#divtinkhac
{
background-color:White;
 margin-top:10px;
}
.tinkhac-tieude
{
background:url(../images/bg_colr.jpg) repeat-x center;
color:Blue;
padding-left:20px;
height:35px;
line-height:35px;	
font-weight:bold;
}
.tinkhac-tieude h3
{
	width:200px;
	display:inline;
}
.tinkhac-noidung
{
	padding-left:20px;
}
.tinkhac-item
{
	line-height:25px;
}
.divchucnang1
{
	width:400px;
	line-height:28px;
	float:left;
	margin-bottom:10px;
    font-size:14px;
	padding-left:15px;
}

.Infomation {
    padding: 15px;
}

.divchucnang2
{
	padding:40px;
}
.lbl_thongbao
{
font-style:italic;
font-size:large;
color:Red;	
}
.divthongbao
{
padding-left:50px;
color:Red;	
}
/*dinh dang hien thi san pham*/
.clsanpham
{
margin:0px 0px;
padding-top:0px;
width:186px;
margin-bottom:5px;	
}
.cltensanpham
{
margin-top:0px;
padding-top:0px;
font-weight:bold;
padding-left:2px;	
}
.cltensanpham a:link
{
color:Blue;
text-decoration:none;
}
.cltensanpham a:hover
{
color:#990000;
text-decoration:underline;
}
.cltensanpham a:visited
{
color:Blue;
text-decoration:none;
}
.clhinhanh
{
	
}
.clgiacu
{
 padding-left:2px;
 text-decoration:line-through;
}
.clgiamoi
{
padding-left:2px;
}
.cldatmua
{
padding-left:2px;
margin-bottom:0px;
}
.cssgiamoi
{
color:Red;
font-weight:bold;	
}
.cstensp
{
font-weight:bold;
color:Blue;	
}
.divspcungloai
{
padding-left:20px;
margin-top:10px;
background:url(../imagesadmin/bg_titleconten.jpg) repeat-x center;
height:28px;
line-height:28px;
color:#990000;
font-weight:bold;
}
.clcha
{
float:left;
width:700px;	
margin:0px;
padding:0px;
}
.clconleft
{
 width:220px;
 float:left;
 margin-right:10px;
}
.clconright
{
width:460px;
float:left;
}
.clchitietsp
{
width:700px;
margin-top:0px;	
}
.csschitietsp
{
	margin-left:30px;
}
.divtitlebg
{
background:url(../imagesadmin/bg_titleconten.jpg) center;
height:28px;
line-height:28px;
padding-left:30px;
font-weight:bold;
font-size:large;
color:#990000;
}
.contenBill
{
margin-top:5px;
padding-left:10px;
padding-right:10px;	
}
.cssTitle
{
background:url(../imagesadmin/bg_titleconten.jpg) center;	
height:25px;
line-height:25px;
padding-left:20px;
font-weight:bold;
color:#990000;
border:solid 1px #EBEEF2;
}
.cssConten
{
background-color: #EFF2FB;
padding-left:40px;
width:700px;
float:left;
}
.divexpandcollapse
{
width:30px;
padding-right:10px;	
}
.divtitlebill
{
display:block;	
width:98%;
float:left;	
}
.billleft
{
float:left;
width:400px;
margin-right:10px;
}
.billright
{
float:right;
width:200px;
padding-right:10px;
text-align:right;
}
.tblbill
{
width:600px;	
}
.tdbillleft
{
width:150px;
font-size:14px;	
}
.tdbillright
{
width:440px;
font-size:15px;
}
.cssfont
{
	font-size:14px;	
}
.bg_title_td
{
background:url(../imagesadmin/bg_titleconten.jpg) repeat-x center;
text-align:left;
padding-left:2px;
color:Blue;	
line-height:28px;
height:28px;
}

.tdnoidung input{
    height: 20px;
    
}

#pro_content_box > div
{
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    
    }
    
    
    
    #fblikediv > div
    {
        padding-top:10px;
            }